Produced by Araxis Merge on 2024-03-04 14:38:50 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | /Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.7/app/design/frontend/Smartwave/porto/Magento_Theme/web/css/source/module | _collapsible_navigation.less | 2022-09-07 03:59:25 +0000 |
| 2 | /Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.8/app/design/frontend/Smartwave/porto/Magento_Theme/web/css/source/module | _collapsible_navigation.less | 2022-09-07 03:59:25 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 1 | 212 |
| Changed | 0 | 0 |
| Inserted | 0 | 0 |
| Removed | 0 | 0 |
| Whitespace | Consecutive whitespace is treated as a single space |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
| Active line-pairing rules |
No regular expressions were active.
| 1 | // /** | 1 | // /** | |||
| 2 | // * Copyright © 2015 Magento. All rights reserved. | 2 | // * Copyright © 2015 Magento. All rights reserved. | |||
| 3 | // * See COPYING.txt for license details. | 3 | // * See COPYING.txt for license details. | |||
| 4 | // */ | 4 | // */ | |||
| 5 | 5 | |||||
| 6 | // | 6 | // | |||
| 7 | // Variables | 7 | // Variables | |||
| 8 | // --------------------------------------------- | 8 | // --------------------------------------------- | |||
| 9 | 9 | |||||
| 10 | @collapsible-nav-color: #777; | 10 | @collapsible-nav-color: #777; | |||
| 11 | @collapsible-nav-current-color: @theme-color; | 11 | @collapsible-nav-current-color: @theme-color; | |||
| 12 | @collapsible-nav-current-font-weight: 400; | 12 | @collapsible-nav-current-font-weight: 400; | |||
| 13 | @collapsible-nav-item-hover: @theme-color; | 13 | @collapsible-nav-item-hover: @theme-color; | |||
| 14 | 14 | |||||
| 15 | // | 15 | // | |||
| 16 | 16 | |||||
| 17 | // | 17 | // | |||
| 18 | // Common | 18 | // Common | |||
| 19 | // --------------------------------------------- | 19 | // --------------------------------------------- | |||
| 20 | 20 | |||||
| 21 | & when (@media-common = true) { | 21 | & when (@media-common = true) { | |||
| 22 | 22 | |||||
| 23 | // | 23 | // | |||
| 24 | // Collapsible navigation | 24 | // Collapsible navigation | |||
| 25 | // --------------------------------------------- | 25 | // --------------------------------------------- | |||
| 26 | 26 | |||||
| 27 | .block-collapsible-nav { | 27 | .block-collapsible-nav { | |||
| 28 | .content { | 28 | .content { | |||
| 29 | 29 | |||||
| 30 | } | 30 | } | |||
| 31 | .item { | 31 | .item { | |||
| 32 | &:first-child { | 32 | &:first-child { | |||
| 33 | border-top: 1px solid #ddd; | 33 | border-top: 1px solid #ddd; | |||
| 34 | } | 34 | } | |||
| 35 | a, | 35 | a, | |||
| 36 | > strong { | 36 | > strong { | |||
| 37 | .lib-css(color, @collapsible-nav-color); | 37 | .lib-css(color, @collapsible-nav-color); | |||
| 38 | display: block; | 38 | display: block; | |||
| 39 | padding: 8px 18px 8px 15px; | 39 | padding: 8px 18px 8px 15px; | |||
| 40 | position: relative; | 40 | position: relative; | |||
| 41 | border-bottom: 1px solid #ddd; | 41 | border-bottom: 1px solid #ddd; | |||
| 42 | &:before { | 42 | &:before { | |||
| 43 | font-family: @icon-font-family; | 43 | font-family: @icon-font-family; | |||
| 44 | content: @icon-right-dir; | 44 | content: @icon-right-dir; | |||
| 45 | position: absolute; | 45 | position: absolute; | |||
| 46 | left: 0; | 46 | left: 0; | |||
| 47 | } | 47 | } | |||
| 48 | } | 48 | } | |||
| 49 | a { | 49 | a { | |||
| 50 | text-decoration: none; | 50 | text-decoration: none; | |||
| 51 | &:hover, &:active, &:focus { | 51 | &:hover, &:active, &:focus { | |||
| 52 | .lib-css(color, @collapsible-nav-item-hover); | 52 | .lib-css(color, @collapsible-nav-item-hover); | |||
| 53 | background-color: transparent; | 53 | background-color: transparent; | |||
| 54 | } | 54 | } | |||
| 55 | } | 55 | } | |||
| 56 | &.current { | 56 | &.current { | |||
| 57 | a, | 57 | a, | |||
| 58 | strong { | 58 | strong { | |||
| 59 | .lib-css(color, @collapsible-nav-current-color); | 59 | .lib-css(color, @collapsible-nav-current-color); | |||
| 60 | .lib-css(font-weight, @collapsible-nav-current-font-weight); | 60 | .lib-css(font-weight, @collapsible-nav-current-font-weight); | |||
| 61 | } | 61 | } | |||
| 62 | } | 62 | } | |||
| 63 | } | 63 | } | |||
| 64 | } | 64 | } | |||
| 65 | 65 | |||||
| 66 | } | 66 | } | |||
| 67 | 67 | |||||
| 68 | // | 68 | // | |||
| 69 | // Desktop | 69 | // Desktop | |||
| 70 | // --------------------------------------------- | 70 | // --------------------------------------------- | |||
| 71 | 71 | |||||
| 72 | .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { | 72 | .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { | |||
| 73 | .block-collapsible-nav { | 73 | .block-collapsible-nav { | |||
| 74 | .title { | 74 | .title { | |||
| 75 | &:extend(.abs-visually-hidden-desktop all); | 75 | &:extend(.abs-visually-hidden-desktop all); | |||
| 76 | } | 76 | } | |||
| 77 | } | 77 | } | |||
| 78 | } | 78 | } | |||
| 79 | 79 | |||||
| 80 | // | 80 | // | |||
| 81 | // Mobile | 81 | // Mobile | |||
| 82 | // --------------------------------------------- | 82 | // --------------------------------------------- | |||
| 83 | 83 | |||||
| 84 | .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { | 84 | .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { | |||
| 85 | .block-collapsible-nav { | 85 | .block-collapsible-nav { | |||
| 86 | left: 0; | 86 | left: 0; | |||
| 87 | position: absolute; | 87 | position: absolute; | |||
| 88 | top: 0; | 88 | top: 0; | |||
| 89 | width: 100%; | 89 | width: 100%; | |||
| 90 | z-index: 5; | 90 | z-index: 5; | |||
| 91 | background-color: @body_background-color; | 91 | background-color: @body_background-color; | |||
| 92 | .title { | 92 | .title { | |||
| 93 | &:extend(.abs-toggling-title-mobile all); | 93 | &:extend(.abs-toggling-title-mobile all); | |||
| 94 | } | 94 | } | |||
| 95 | .content { | 95 | .content { | |||
| 96 | border-bottom: @border-width__base solid @border-color__base; | 96 | border-bottom: @border-width__base solid @border-color__base; | |||
| 97 | display: none; | 97 | display: none; | |||
| 98 | &.active { | 98 | &.active { | |||
| 99 | display: block; | 99 | display: block; | |||
| 100 | } | 100 | } | |||
| 101 | } | 101 | } | |||
| 102 | .item { | 102 | .item { | |||
| 103 | padding: 0 15px; | 103 | padding: 0 15px; | |||
| 104 | } | 104 | } | |||
| 105 | } | 105 | } | |||
| 106 | } | 106 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.